<!DOCTYPE html>
<!--<html lang="en" xmlns="http://www.w3.org/1999/xhtml">-->
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>高级技巧</title>
</head>
<body>
<h1>第二十二章 高级技巧</h1>
<div id="myDropDiv" class="draggable" style="position:absolute; background:red" onclick="mousemoveTest()">myDropDiv
</div>
<br>
<div id="status" style="background-color: blanchedalmond">status</div>
<button id="my-btn">my-btn</button>
<div id="message" style="visibility: hidden;background-color: aqua">message</div>
<div id="myDiv" style="background-color: crimson;color:white;height: 100px;width: 100px;margin-left: 0;">myDiv</div>
<div id="resizeDiv" style="background-color: blanchedalmond">resizeDiv</div>

<button onclick="RectangleTest()">RectangleTest</button>
<button onclick="handleClickTest()">handleClickTest</button>
<button onclick="bindTest()">bindTest</button>
<button onclick="bindTest2()">bindTest2</button>
<button onclick="curriedAddTest()">curriedAddTest</button>
<button onclick="curryBindTest1()">curryBindTest1</button>
<button onclick="curryBindTest2()">curryBindTest2</button>
<button onclick="personTest()">personTest</button>
<button onclick="sealedObjectTest()">sealedObjectTest</button>
<button onclick="frozenObjectTest()">frozenObjectTest</button>
<button onclick="setTimeoutTest()">setTimeoutTest</button>
<button onclick="linkTimeoutTest()">linkTimeoutTest</button>
<button onclick="chunkTest()">chunkTest</button>
<button onclick="onresizeTest()">onresizeTest</button>
<button onclick="EventTargetTest()">EventTargetTest</button>
<div id="chunkDiv"></div>
<script type="text/javascript" src="../js/utils.js"></script>
<script type="text/javascript" src="../js/ch22.js"></script>
</body>
</html>